.gutter-container {
    /* position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: var(--gutter-width); */
    /* background-color: var(--gutter-bgColor); */
    /* padding: 0;
    z-index: 5; */
    /* box-sizing: border-box; */
    @apply absolute top-0 left-0 h-full p-0 z-10 bg-custom-theme-blue-dark w-[var(--gutter-width)];
}

.gutter-container::before {
    content: ' ';
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: .05;
    background: url() top left repeat;
    background-size: 6px 6px;
}

.gutter-container .gutter-nav-btn {
    /* position: relative; */
    /* width: var(--gutter-width); */
    /* cursor: pointer; */
    @apply relative cursor-pointer text-center my-1 w-full;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    /* box-sizing: border-box; */
    /* padding: 0.5rem 0; */
}

/* .gutter-container .gutter-nav-btn svg {
    fill: #ccc;
} */

/* .gutter-container .shadow-trailer {
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, .3);
} */

.is-mobile .gutter-container {
    display: block;
    top: 45px;
}

/* .share-dialog-toggle-btn {
    position: relative;
    width: 100%;
    height: 35px;
    cursor: pointer;
    background: url('../../static/icons/Share.png') center center no-repeat;
} */
